<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">

<head>
    <title th:text="${pageTitle}"></title>
    <div data-th-replace="layout/head-top"></div>
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content animated fadeInLeft">
        <div data-th-replace="common/functionDepict"></div>
        <div>
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <div class="row">
                        <div class="col-sm-5">
                            <h5>
                                <a th:href="@{/admin/course/open/courseOpenList}">
                                <span>
                                    <button class="btn btn-white" data-toggle="tooltip" data-placement="top" title="" data-original-title="刷新免费直播列表">
                                        <i class="fa fa-refresh"></i> 刷新
                                    </button>
                                </span>
                                </a>
                                <small id="count">（共<zdy>0</zdy>门免费直播）</small>
                            </h5>
                        </div>
                        <div class="col-sm-3">
                            <form id="search-form" class="search-form">
                                <div class="input-group opSearchBox">
                                    <input placeholder="请输入想要查找的免费直播名称" class="input-sm form-control vam common-search-word" type="text" name="courseName"/>
                                    <span class="input-group-btn"><button id="btn1" type="button" class="btn btn-sm btn-primary vam">搜索</button></span>
                                </div>
                            </form>
                        </div>
                        <div class="col-sm-2 text-center">
                            <a href="javascript: ;" id="advSearchshowBtn" class="vam">高级搜索操作 <i class="fa fa-angle-double-down"></i></a>
                        </div>
                        <div class="col-sm-2 text-center">
                            <a th:href="@{/admin/course/open/initAdd}">
                                <button type="button" class="btn btn-block btn-danger"> <i class="fa fa-plus-circle"></i> 新建免费直播 </button>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="oc-advSearch-box">
                    <div class="row">
                        <div class="col-sm-4">
                            <div class="pt10">
                                <div class="checkbox i-checks">
                                    <label style="padding-left: 0"><input id="select-all-courseOpen" type="checkbox"/> <i></i> 全选</label>
                                    <button type="button" id="freezeBatch"  class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量冻结"><i class="fa fa-unlock-alt"></i></button>
                                    <button type="button" id="restoreBatch" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量恢复"><i class="fa fa-history"></i></button>
                                    <button type="button" id="deleteBatch" class="btn btn-xs btn-primary ml5" data-toggle="tooltip" data-placement="bottom" data-original-title="批量删除"><i class="fa fa-trash"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <div class="pt10">
                                <form role="form" class="form-inline search-form">
                                    <input type="hidden" name="subjectIds" id="subjectIds"/>
                                    <div id="subject-box" class="form-group form-box" style="margin-bottom: 10px">

                                    </div>
                                    <div class="form-group form-box" style="margin-bottom: 10px">
                                        <input placeholder="请输入免费直播名称" id="exampleInputEmail2" class="form-control common-search-word">
                                    </div>
                                    <button id="btn2" class="btn btn-w-m btn-primary" type="button" style="margin-bottom: 10px">搜索</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="oc-ibox-content" id="courseOpen-list-context"></div>
            </div>
        </div>
    </div>
    <textarea id="sysItemLiveTipsEleByCC" class="hide">
            <div class="ibox-content m-t m-l m-r unBorder">
                <div class="text-center">
                    <h4><strong>请选择对应不同身份进入</strong></h4>
                </div>
                <div class="m-t-lg">
                    <div class="row">
                        <div class="col-sm-10">
                            <span class="fs16">
                                <i class="fa fa-user-secret"></i>
                                我是讲师
                               <br>
                                <small class="fs12 c-999 m-l">
                                    同一个直播间只支持一名主讲师，其他已助教的角色进入
                                </small>
                            </span>
                        </div>
                        <div class="col-sm-2">
                            <button type="button" id="theTeacherLive" class="btn btn-block btn-outline btn-primary">进入直播</button>
                        </div>
                    </div>
                    <div class="row m-t">
                        <div class="col-sm-10">
                            <span class="fs16">
                                <i class="fa fa-user-md"></i>
                                我是助教
                                <br>
                                <small class="fs12 c-999 m-l">
                                    使用网页登录，在直播中对观看用户进行管理以及互动答疑等。支持多位助教同时登录进行管理
                                </small>
                            </span>
                        </div>
                        <div class="col-sm-2">
                            <button type="button" id="theTaLive" class="btn btn-block btn-outline btn-primary">进入直播</button>
                        </div>
                    </div>
                    <div class="row m-t">
                        <div class="col-sm-10">
                            <span class="fs16">
                                <i class="fa fa-user"></i>
                                我是学员
                                <br>
                                <small class="fs12 c-999 m-l">
                                以普通观看者的身份进入直播间
                                </small>
                            </span>
                        </div>
                        <div class="col-sm-2">
                            <button id="theHostLive" type="button" class="btn btn-block btn-outline btn-primary">进入直播</button>
                        </div>
                    </div>
                    <div class="m-t-lg">
                        <hr>
                        <div class="col-sm-12">
                            <div class="form-horizontal">
                                <div class="text-center m-t">
                                    <h5>更好的体验下载客户端</h5>
                                </div>
                                <div class="form-group m-t-lg">
                                    <div class="col-sm-6 text-center">
                                        <span style="font-size: 52px;">
                                            <i class="fa fa-windows"></i>
                                        </span>
                                        <section style="margin-top: 28px;">
                                            <p>
                                                <span class="fs14 c-ccc hand" data-toggle="tooltip" data-placement="top" title="" data-original-title="windows客户端支持7/8/10系统下使用，如无法启动请下载修复工具，修复完成后，再次点击启动">
                                                    <i class="fa fa-exclamation-circle"></i>
                                                </span>
                                                <span class="fs16">Windows端</span>
                                                <a href="https://c1.96koo.net/package/xc/DirectX Repair V3.2.zip" class="fs12 m-l-xs">
                                                    下载修复工具
                                                </a>
                                            </p>
                                            <a href="https://c1.96koo.net/package/96k_live1.4.0.4.exe" id="teacherClientWindows" class="btn btn-outline btn-primary m-l">讲师客户端</a>
                                        </section>
                                    </div>
                                    <div class="col-sm-6 text-center">
                                        <span style="font-size: 62px;">
                                            <i class="fa fa-apple"></i>
                                        </span>
                                        <section class="m-t">
                                            <p><span class="fs16">Mac端</span></p>
                                            <a   href="https://c1.96koo.net/package/xc/LiveForMac4.9.1.zip" id="teacherClientMac" class="btn btn-outline btn-primary m-l">讲师客户端</a>
                                        </section>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </textarea>
    <textarea id="sysItemLiveTipsEleByTT" class="hide">
            <div class="ibox-content m-t m-l m-r unBorder">
                <div class="text-center">
                    <h4><strong>请选择对应不同身份进入</strong></h4>
                </div>
                <div class="m-t-lg">
                 <div class="row"></div>

                <div class="m-t-lg">
                    <div class="row">
                        <div class="col-sm-10">
                            <span class="fs16">
                                <i class="fa fa-user-secret"></i>
                                我是讲师
                                <br>
                                 <small class="fs12 c-999 m-l">
                                    同一个直播间只支持一名主讲师，其他以助教的角色进入
                                 </small>
                            </span>
                        </div>
                        <div class="col-sm-2 btn-group">
                            <button
                                    data-toggle="dropdown"
                                    class="btn btn-block btn-outline btn-primary dropdown-toggle"
                                    aria-expanded="false">进入直播 <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a href="javascript:;" id="theTeacherLiveClient">客戶端进入<br/>(windows系统)</a></li>
                                <li class="divider"></li>
                                <li><a href="javascript:;" id="theTeacherLiveWebPage">PC网页进入<br/>(Mac/windows系统)</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="row m-t">
                        <div class="col-sm-10">
                            <span class="fs16">
                                <i class="fa fa-user-md"></i>
                                我是助教
                                <br>
                                <small class="fs12 c-999 m-l">
                                    使用网页或客户端登录，在直播中对观看，进行管理和辅助工作等。
                                </small>
                            </span>
                        </div>
                        <div class="col-sm-2 btn-group">
                            <button
                                    data-toggle="dropdown"
                                    class="btn btn-block btn-outline btn-primary dropdown-toggle"
                                    aria-expanded="false">进入直播 <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <li><a href="javascript:;" id="theTaLiveClient">客戶端进入<br/>(windows系统)</a></li>
                                <li class="divider"></li>
                                <li><a href="javascript:;" id="theTaLiveWebPage">PC网页进入<br/>(Mac/windows系统)</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="row m-t">
                        <div class="col-sm-10">
                            <span class="fs16">
                                <i class="fa fa-user"></i>
                                我是学员
                                <br>
                                <small class="fs12 c-999 m-l">
                                以普通观看者的身份进入直播间
                                </small>
                            </span>
                        </div>
                         <div class="col-sm-2 btn-group">
                            <button
                                    data-toggle="dropdown"
                                    class="btn btn-block btn-outline btn-primary dropdown-toggle"
                                    aria-expanded="false">进入直播 <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu dropdown-menu-right">
                                <!--<li><a href="javascript:;" id="theHostLiveClient">客戶端进入<br/>(windows系统)</a></li>
                                <li class="divider"></li>-->
                                <li><a href="javascript:;" id="theHostLiveWebPage">PC网页进入<br/>(Mac/windows系统)</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="m-t-lg">
                        <hr>
                        <div class="col-sm-12">
                            <div class="form-horizontal">
                                <div class="text-center m-t">
                                    <h5>需要您下载客户端</h5>
                                </div>
                                <div class="form-group m-t-lg">
                                    <div class="col-sm-6 text-center">
                                        <span style="font-size: 52px;">
                                            <i class="fa fa-windows"></i>
                                        </span>
                                        <section style="margin-top: 28px;">
                                            <p>
                                                <span class="fs16">Windows端</span>
                                            </p>
                                            <a href="https://ftp.3ttech.cn/云中课堂.exe" id="teacherClientWindows" class="btn btn-outline btn-primary m-l">客户端下载</a>
                                        </section>
                                    </div>
                                    <div class="col-sm-6 text-center">
                                        <span style="font-size: 62px;">
                                            <i class="fa fa-apple"></i>
                                        </span>
                                        <section class="m-t">
                                            <p><span class="fs16">Mac端</span></p>
                                            <a id="teacherClientMac" class="btn btn-outline btn-default disabled m-l">正在开发</a>
                                        </section>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </textarea>
    <textarea id="openInputName" class="hide">
            <div class="m-t m-r m-l m-b" style="text-align: center"><input  placeholder="请输入姓名"  class="form-control" id="rejectedCause"></div>
    </textarea>
    <form action="/admin/liveToV/create/toLiveIframe" hidden id="toLiveIframe" target="_blank" method="post">
        <input type="hidden" name="url" id="url">
    </form>
    <div data-th-replace="layout/head-footer"></div>
    <script th:src="@{{path}/admin/business/common/clipboard/clipboard.min.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/admin/business/course/open/courseOpen-list.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/admin/business/protocolcheck.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:inline="javascript">
        var ccAppId =[[${ccAppId}]]
    </script>
</body>
</html>